.wrap {
  max-width: 10rem;
  height: 100%;
  margin: 0 auto;
  background-color: #f1f1f1;
  position: relative;
}
.wrap .nav{
  position: static !important;
}
.wrap .content {
  width: 100%;
  /* margin-bottom: 2.933333rem; */
  margin-bottom: .266667rem;
}
.wrap .content .cont-banner {
  width: 100%;
  height: 5.333333rem;
  margin-bottom: .266667rem;
}
.wrap .content .cont-banner img {
  width: 100%;
  height: 100%;
}
.wrap .content .center-box {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: .266667rem;
}
.wrap .content .center-box .center-top {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.wrap .content .center-box .center-top .top-box {
  width: 50%;
  display: inline-block;
  text-align: center;
}
.wrap .content .center-box .center-top .top-box a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  box-sizing: border-box;
  padding: .4rem 0;
}
.wrap .content .center-box .center-top .top-box a img {
  width: 1.173333rem;
  height: 1.173333rem;
  margin-bottom: .333333rem;
}
.wrap .content .center-box .center-top .top-box a p {
  font-size: .4rem;
  color: #424242;
}
.wrap .content .center-box .center-top .top-left a img {
  margin-left: 1.466667rem;
}
.wrap .content .center-box .center-top .top-left a p {
  margin-left: 1.466667rem;
}
.wrap .content .center-box .center-top .top-right {
  width: 50%;
  float: right;
  text-align: center;
}
.wrap .content .center-box .center-top .top-right a img {
  margin-right: 1.466667rem;
}
.wrap .content .center-box .center-top .top-right a p {
  margin-right: 1.466667rem;
}
.wrap .content .center-box .center-bottom {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.wrap .content .center-box .center-bottom .bottom-box {
  width: 32.5732899%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.wrap .content .center-box .center-bottom .bottom-box a {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
  padding: .533333rem 0;
}
.wrap .content .center-box .center-bottom .bottom-box a img {
  width: 1.173333rem;
  height: 1.173333rem;
  margin-bottom: .333333rem;
}
.wrap .content .center-box .center-bottom .bottom-box a p {
  font-size: .4rem;
  color: #424242;
}
.wrap .content .advertisement-box {
  width: 100%;
  box-sizing: border-box;
}
.wrap .content .advertisement-box a {
  display: inline-block;
  text-decoration: none;
  width: 100%;
  margin-bottom: .266667rem;
}
.wrap .content .advertisement-box a img {
  width: 10rem;
  height: 2.666667rem;
}
.wrap .content .interactive-box {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}
.wrap .content .interactive-box .interactive-title {
  width: 100%;
  box-sizing: border-box;
  padding-top: .266667rem;
}
.wrap .content .interactive-box .interactive-title h2 {
  font-size: .4rem;
  color: #333;
}
.wrap .content .interactive-box .interactive-title h3 {
  font-size: .32rem;
  color: #999;
}
.wrap .content .interactive-box .interactive-title img {
  width: 10rem;
  height: 1px;
  margin-bottom: .133333rem;
}
.wrap .content .interactive-box .interactive-top {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.wrap .content .interactive-box .interactive-top .intertop-box {
  width: 32.5732899%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.wrap .content .interactive-box .interactive-top .intertop-box a {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
  padding: .266667rem 0 0 0;
}
.wrap .content .interactive-box .interactive-top .intertop-box a img {
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: .266667rem;
}
.wrap .content .interactive-box .interactive-top .intertop-box a p {
  font-size: .4rem;
  color: #424242;
}
.wrap .content .interactive-box .interactive-bottom {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-box {
  width: 50%;
  display: inline-block;
  text-align: center;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-box a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0 0 .666667rem  0;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-box a img {
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: .333333rem;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-box a p {
  font-size: .4rem;
  color: #424242;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-left a img {
  margin-left: 1.466667rem;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-left a p {
  margin-left: 1.466667rem;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-right {
  width: 50%;
  float: right;
  text-align: center;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-right a img {
  margin-right: 1.466667rem;
}
.wrap .content .interactive-box .interactive-bottom .interbottom-right a p {
  margin-right: 1.466667rem;
}
.wrap .moban {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
}
.wrap .moban .wei {
  width: 7.2rem;
  height: 6.933333rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.wrap .moban .guan {
  position: absolute;
  top: 1.6rem;
  right: .533333rem;
  width: 1.146667rem;
  height: 1.146667rem;
}
